#{extends 'frameHome.html' /} #{set title:'Home' /} #{set 'moreStyles'}

<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">
#{/set}

<script type="text/javascript">
	$(document).ready(
			function() {
				$('.left, .content input, .content textarea, .content select')
						.focus(function() {
							$(this).parents('.row').addClass("over");
						}).blur(function() {
							$(this).parents('.row').removeClass("over");
						});
			});
</script>

<div id=right>

	<script type="text/javascript">
		input, .content textarea, .content select')
									.focus(
											function() {
												$(this).parents('.row')
														.
	</script>






	<form name=Post action="@{PostingIdea.addIdeaToTopic(topic.id)}"
		method="POST">

		<div class="content">
			<div class="row">
				<div class="left">Title*</div>
				<div class="right">
					<input type="text" name="Title" size='25' required>
				</div>
				<div class="clear"></div>
			</div>

			<div class="row">
				<div class="left">Body*</div>
				<div class="right">
					<td><textarea rows="10" cols="25" name="Body" required>
					</textarea>
				</div>
				<div class="clear"></div>
			</div>



			<input type="submit" name="Post" value="Post Idea" />
			<input
				type="submit" name="save"
				formaction='@{DraftController.saveIdeaAsDraft()}' value="Save to Drafts"/>
	</form>



	<p>*All Fields are Requireds</p>

</div>


